<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/swiper.min.css" type="text/css" />
		<script src="js/swiper.min.js"></script>
		<style>
			.swiper-container {
				height: 500px;
			}
			
			.swiper-slide {
				line-height: 500px;
				text-align: center;
			}
		</style>
	</head>


	<body>

		<div class="swiper-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide">23</div>
				<div class="swiper-slide">24</div>
				<div class="swiper-slide">25</div>
			</div>
			<!-- 如果需要分页器 -->
			<div class="swiper-pagination"></div>

		</div>
	<script type="text/javascript">
		new Swiper('.swiper-container', {
			loop: true,
			direction: "horizontal",
			pagination: ".swiper-pagination",
			slideToClickedSlide:"true",
			autoplay:3000,
			speed:300,
		});
	</script>

	</body>

</html>